<template>
	<view>
		<button type="default" @click="timeDemo">定时器{{timeNum}}</button>
		
		<button type="default" @click="timeDemo2">定时器2</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				timeNum: 10
			}
		},
		methods: {
			timeDemo() {
				let _this = this
				// 按照周期，delay之后，循环执行callback函数
				let id = setInterval(callback=>{
					_this.timeNum --;
					if (_this.timeNum <= 0) {
						clearInterval(id)
						_this.timeNum = 10
					}
				},1000)
			},
			
			timeDemo2() {
				// 只执行一次，在delay之后，执行callback函数，之后就不执行了。
				setTimeout(callback=>{
					console.log("settimeout");
				}, 3000)
			}
			
		}
	}
</script>

<style>

</style>
